<template>
	<div class="easyd-weixin-Box">

		<div class="app_page_box">
			<div class="app_page">

				<div class="app_list_box MARGIN_BOTTOM_10">
					<div class="app_box_content" v-for="item in followQuickData" @click="followTypeBtn(item)">
						<div class="app_box_content_left">
							{{item.name}}
						</div>
						<div class="app_box_content_right">
							<i class="fa fa-angle-right fa-lg"></i>
						</div>
					</div>
				</div>

			</div>
		</div>

	</div>
</template>

<script>
	import { mapState, mapMutations } from "vuex";
	export default {

		data() {
			return {
				followQuickData: [{
						id: '0',
						name: '非常满意，无可挑剔的感觉。'
					},
					{
						id: '1',
						name: '满意，凑合用。'
					},
					{
						id: '2',
						name: '一般般，不好描述。'
					},
					{
						id: '3',
						name: '差劲，没有更差的了。'
					},
					{
						id: '4',
						name: '其他'
					},
				]
			};
		},
		computed: {
			...mapState({
				//    isShowAppGuide : state => state.AppModule.isShowAppGuide,
				//    isShopGuide    : state => state.ShopIndexModule.isShopGuide
			})
		},
		mounted() {

		},
		methods: {

			//  ...mapMutations(["ShopIndexModule/updateIsShopGuide"]),

			followTypeBtn(item) {
				console.log(item.name)
				this.$store.commit("AddServiceModule/updateServiceQuick", item);
				history.go(-1);
			},
		}
	};
</script>

<style lang="stylus" scoped>
	@import '~PUBLIC_CSS';
	.history_follow_info {
		padding: 10px;
		border-bottom: 1px solid #f1f1f1;
	}
	
	.history_follow_info .app_box_content_textarea {
		padding: 0;
		position: relative;
	}
	
	.history_follow_info .app_box_content_textarea textarea {
		background: #F4F4F4;
		padding: 10px;
	}
	
	.history_follow_info .app_box_content_textarea span {
		position: absolute;
		right: 1px;
		bottom: 1px;
		font-size: small;
		color: #999;
		background: #f4f4f4;
		padding: 5px;
	}
</style>